@charset "utf-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,p,ol,ul,dl,dd,td,th,form,input,select,textarea{margin:0;padding:0; font-size:12px;}
a{text-decoration:none;outline:none;}
img{vertical-align:top;border:none;}
li{list-style:none;}
table{border-collapse:collapse;}
textarea{resize:none; outline:none; overflow:auto;}

.clear{zoom:1;}
.clear:after{content:''; display:block;clear:both;}
/* css reset */
body{width:100%;overflow:hidden;background:#E3E3E3;}
#main{width:900px;margin:0 auto;position:relative;}
#pic{width:850px;position:relative;top:0px;left:50%;margin-left:-425px;margin-top:30px;}
#pic li{width:204px;height:144px;position:absolute;left:0;top:0;}
#pic li img{height:100%;width:100%;}


/*picture*/
#sWrap{width:520px;position:relative;margin:0 auto;}
.search{width:520px;height:28px;border:1px solid #ccc;}
.search span{width:56px;height:28px;line-height:28px;text-indent:8px;float:left;background:#f7f7f7;overflow:hidden;}
.search span a{font-size:16px;color:#999;font-weight:bold;}
.search input{border:none;height:28px;}
#btn{width:64px;float:right;background:url(../img/spirit.png) no-repeat 0 -30px;}
#btn:hover{background:url(../img/spirit.png) no-repeat 0 0;}
#text{width:400px;float:left;font-size:16px;}
#result{width:456px;position:absolute;top:30px;left:0;border:1px solid #ccc;border-top:none;background:#fff;z-index:1000;display:none;}
#result li{text-indent:56px;height:18px;line-height:18px;font-size:14px;cursor:pointer;}
/* search */
#setWrap{position:absolute;right:0;top:0;width:400px;z-index:1001;}
.setUp{width:60px;height:25px;position:absolute;top:20px;right:20px;background:url(../img/spirit.png) no-repeat 0 -92px;}
.setUp:hover{background:url(../img/spirit.png) no-repeat 0 -114px;}
.active{background:url(../img/spirit.png) no-repeat 0 -114px;}
.setList{width:370px;position:absolute;top:45px;right:20px;display:none;}
.setListTop{height:22px;width:370px;background:url(../img/setBg.png) no-repeat 0 0; }
.setListCen{height:300px;width:370px;background:url(../img/setBg.png) repeat-y -376px 0;}
.setListBot{height:10px;width:370px;background:url(../img/setBg.png) no-repeat 0 -23px;}

#bgList{width:350px;height:154px;padding:10px 0 10px 20px;border-bottom:1px solid #ccc;}
#bgList dt{height:16px;line-height:16px;font-size:14px;color:#5d7388;} 
#bgList dd{width:94px;height:52px;border:1px solid #ccc;margin:10px 15px 0 0;float:left;}
#bgList img{height:100%;width:100%;}

#setNum{padding:10px 0 10px 20px;border-bottom:1px solid #ccc;height:70px;}
#setNum dt{height:16px;line-height:16px;font-size:14px;color:#5d7388;}
#setNum dd{width:64px;height:24px;line-height:24px;text-align:center;font-size:12px;border:1px solid #bcbfc3;border-right:none;float:left;margin:10px 0;color:#fff;cursor:pointer;background:#000;opacity:0.3;filter:alpha(opacity=30;)}
#setNum dd:hover{opacity:0.8;filter:alpha(opacity=80);}
#setNum dd.active{opacity:0.8;filter:alpha(opacity=80);}
.change{padding:10px 0 10px 20px;height:16px;font-size:16px;line-height:16px;color:#5d7388;cursor:pointer;}
#setNum:hover,#bgList:hover,.change:hover{background:#E9E8E4;}
/* setup */
#work{height:80px;width:64px;background:url(../img/intro.png);position:absolute;top:50%;left:20px;}
#mask{height:100%;width:100%;position:absolute;top:0;left:0;background: #000; opacity: 0.7;filter:alpha(opacity=70);display:none;z-index:10000;}
#wMenu{/*height:500px;*/height:0px;width:0px;border:10px solid #fff;border-bottom:40px solid #fff;background:url(../img/wbg.png) no-repeat;position:absolute;top:0;left:0;display:none;z-index:10001;}
.list{color:#666;position:relative;opacity:0;filter:alpha(opacity=0);}
.list a{color:#333;}
.list a:visited{color:#055AAF;}
.list a:hover{color:#055AAF;text-decoration:underline;}
.list a:active{color:#006;}
.list dl{padding:8px 8px; }
.list dt{height:20px;line-height:20px;font-size:18px;font-weight:bold;}
.list dd{line-height:20px;font-size:14px;}
.list .close{width:66px;height:22px;position:absolute;top:540px;right:10px;background:url(../img/closelabel.gif);}
.list p{line-height:14px;font-size:12px;color:#00F;font-weight:bold;padding:8px 8px;}
/* work introduction */